//- Author : 003.
//- Date   : 2018/9/30.
//- File   : common.less.
@import "../fonts/iconfont.css";
@import "tables.less";
@import "variables.less";
*{
  box-sizing: border-box;
}

html, body{
 height: 100%;
 width: 100%;
 // min-width: 970px;
}
ul,li{
  list-style-type: none;
}
//皮肤
a{
  color: #1eb1b1;
}

.wrapper {
  font-family: "Microsoft Yahei";
  position: relative;
  height: 100%;
  width: 100%;
}

.main-wrapper {
  height: 100%;
  /* position: absolute; */
  /* top: 100px; */
  padding-top: 70px;
}
.is-left-bar{
  padding-left: 180px;
  .main-content
   {padding: 20px 30px;}
  /* left: 180px; */
}
.is-right-bar{
  padding-right: 270px !important;
}
.isno-left-bar{
  padding-left: 0px;
}
@media screen and (min-width: 1041px){
  .main-content {padding: 20px 100px;}
  .main-content.is-right-bar {padding: 20px 30px;}
}
@media screen and (max-width: 1040px){
  .main-content {padding: 0;}
}
.main-content {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  /* position: relative; */  
}

.table_wrap{
  max-height: 100%;
  // overflow: auto;
  display: block;
  overflow-x: auto;
  border: 1px solid #b6ead6;
}

.page-head{
  display: flex;
  position: absolute;
  width: 100%;
  padding: 5px 30px;
  // background: #43b4f9;
  background-image: url('../images/top_back.png');
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  height: 70px;
  line-height: 60px;
  .page-head-left{
    font-size: 32px;
    text-align: left;
    // flex: 1
  }
  .page-head-right{
    padding-top: 17px;
    font-size: 20px;
    text-align:right;
    flex: 1;
    .user{
      // font-size: 24px;
      font-weight: bold;
    }
    i{
      font-size: 20px;
      margin-left: 15px;
      margin-right: 2px;
      // cursor: pointer;
    }
  }
  .logout{
    cursor: pointer;
  }
}





.page{
 position: relative;
//  height: 100%;
 overflow: hidden;
 font-size: 16px;
 &-title{
   position: absolute;
   width: 100%;
   background: #fff;
   // margin: 15px auto;
   padding: 15px;
   text-align: left;
   box-shadow: #b6ead6  1px 1px 2px;
   border: 1px solid #b6ead6 ;
   z-index: 3;
   .el-form-item{
     margin-bottom: 5px;
   }
   .el-form-item__label,.el-form-item__content{
     font-size:16px;
     -webkit-box-orient: vertical !important;
     -webkit-line-clamp: 1;
     display: -webkit-box;
     text-overflow: ellipsis;
     word-break: break-all;
     overflow: hidden;
   }
   .el-col{
     margin: 8px auto;
   }
   .c_check .el-checkbox__label{
     font-size: 16px;
   }
   .fixed-button{
     position: absolute;
     cursor: pointer;
     z-index: 99;
     .el-button--large{
       padding: 12px 45px;
       border: none;
     }
   }
   .arrow-ico{
     position: absolute;
     bottom: 15px;
     right: 15px;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     border: 1px solid #999;
     text-align: center;
     padding: 5px;
     font-size: 25px;
     cursor: pointer;
     z-index: 99;
     i{
       font-size: 22px;
     }
   }
 }
 &-content{
   padding-bottom: 80px;
   overflow-y: hidden;
   overflow-x: hidden;
   height: 100%;
   &-row{
     margin-left:0px !important; 
     margin-right:0px !important; 
    //  margin: 20px;
     height: 80%;
   }
   &-col{
     position: relative;
     background:#fff;
     padding: 10px 5px;
     margin: 15px auto;
     font-size: 18px;
     box-shadow: rgb(197, 197, 197) 1px 1px 2px;
     box-sizing: border-box;
     cursor: pointer;
     line-height: 40px;
     height: 60px;
   }
   &-total{
     padding: 1rem;
     span{
       margin: auto 1rem;
     }
   }
 }
 &-foot{
   position: absolute;
   bottom: 30px;
   width: 100%;
   padding: 1rem;
  //  border-top:@border;
   span{
     display: inline-block;
     margin: 0 1rem;
   }
 }
}
.fixed-ico{
 position: fixed;
 right: 30px;
 bottom: 30px;
 width: 100px;
 cursor: pointer;
 img{
   width: 100%;
 }
}

.table-order {
 >thead>tr{
   background-color: #fff;
  //  height: 50px;
  //  line-height: 50px;
   >th{
     text-align: center;
     vertical-align: middle;
     color: rgb(88, 88, 88);
     font-weight: normal;
     border-right: 1px solid #b6ead6;
     border-bottom: 1px solid #b6ead6;
     background: #e0f7f7;
    //  text-indent: 11px;
   }        
   >th:last-child{
     border-right:none;
   }
 }
 > tbody > tr{        
   height: 42px;
   line-height: 42px;
 }
 td{
   text-align: center;   
   border-right: 1px solid #b6eaea;
   position: relative;
   padding: 2px 5px;
   font-size: 14px;
   input[placeholder]{
    font-size: 14px;
   }
 }
 td:last-child{
   border-right:none;
 }    
 .color0{
   background-color: rgb(223, 252, 224);
 }
 .color1{
   background-color: rgb(198, 239, 255);
 }
 .color2{
   background-color: rgb(255, 211, 211);
 }
 .color3{
   background-color: rgb(255, 255, 255);
 }
}
.table-order-hover {
 > tbody > tr:hover {
   background-color: rgb(241, 241, 241);
 }
}
.is-check{
 position: relative;
 display: inline-block;
 width: 25px;
 height: 25px;
 border-radius: 100%;
 border: 1px solid rgb(201, 201, 201);
 color: #1eb1b1;
 margin-right: 5px;
 vertical-align: middle;
 text-align: center;
 &.checked{
   border: 8px solid #1eb1b1;
  //  i{
  //    display: block;
  //  }
 }
 i{
   display: none;
   position: absolute;
   left: 4px;
   top: 4px;
   font-size: 16px;
   width: 17px;
   height: 17px;
   line-height: 15px;
 }
}
.list-view{
  position: relative;
  padding: 1rem;
  &-title{
    position: absolute;
    left: 1rem;
    top: 1rem;
  }
  &-cell{
    padding-left: 110px;
  }
}
.no-data{
  // position: absolute;
  // top: 250px;
  // width: 100%;
  padding-top: 50px;
  font-size: 27px;
  color: #8c8b8b;
}
.error_txt{
  color: #f56c6c;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 35px;
  left: 18px;
}
.td_ct{
  text-align: center;
  height: 40px;
  line-height: 40px;
  // display: inline-block;
  white-space: nowrap;
  // display: -webkit-box;
  overflow: hidden;
  // text-overflow: ellipsis;
  // word-break: break-all;
  // -webkit-box-orient: vertical !important;
  // -webkit-line-clamp: 1;
  width: 100%;
  .center{
    display: block;
    margin: auto;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
  }
}
//系统设置-购票须知：textarea高度
.setting_length{
  .el-textarea__inner{
    min-height: 131px !important;
  }
}
.publish{
  .valid_idcard{
    .el-form-item__error{
      margin: auto;
      width: 95%;
      padding: 5px;
      top: -12px;
      right: 0;
      color: #fff !important;
      background: rgba(245,108,108,.7);
      border-radius: 5px;
      transition:width 2s;
      -moz-transition:width 2s; /* Firefox 4 */
      -webkit-transition:width 2s; /* Safari and Chrome */
      -o-transition:width 2s; /* Opera */
      &:hover{
        // z-index: -3;
        // top: -10px;
      }
    }
    .el-input__inner:focus{
      z-index: 1;
    }
  }
}
.status0{
  // background: rgb(7, 155, 253);
  color: rgb(7, 155, 253);
  // background-image: url('../../assets/images/status0.png');   
  // background-size: 65px;   
}
.status1{
  // background: #08cf58;
  color:  #08cf58;
  // background-image: url('../../assets/images/status1.png'); 
    // background-size: 55px;
}
.status2{
  // background: @brand-danger;
  color: @brand-danger;
  // background-image: url('../../assets/images/status2.png'); 
  // background-size: 55px;
}
.status3{
  color: #999;
  // background-size: 65px;
}
.status4{
  // background: @brand-warning;
  color: @brand-warning;
  // background-image: url('../../assets/images/status3.png'); 
  background-size: 65px;
}
.withdrawStatus2{
  color:  #f77f00;
}
.withdrawStatus3{
  color:  #08cf58;
}
.withdrawStatus4{
  color:  @brand-danger;
}
.page-flex{
  display: flex;
  justify-content: flex-start;
}